<script setup>
import { useRouter, useRoute } from "vue-router";
import { ref } from "vue";

const router = useRouter();
const route = useRoute();
const title = ref("");
title.value = route.meta.title;

const onClickLeft = () => history.back();
</script>

<template>
  <div class="topRanking">
    <van-nav-bar
      :title="title"
      left-text="返回"
      left-arrow
      @click-left="onClickLeft"
    />
    <div>
      <p>学习路线</p>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.home {
  padding: 0 0.4688rem;
  .navlist {
    margin-top: 0.625rem;
    box-sizing: border-box;
  }
}
</style>
